<svg viewBox='0 0 800 320' class='fm-chart'>
  <style type='text/css'>
  <![CDATA[
  .fm-chart text, .fm-tooltip {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font: 10px sans-serif;
  }

  .fm-chart .axis .stroke {
    stroke: #aaa;
    stroke-width: 1px;
  }

  .fm-chart .axis .tick {
    stroke: #aaa;
    stroke-width: 1px;
  }

  .fm-chart .axis .label, .axis .title {
    fill: #666;
  }

  .fm-chart .axis .label {
    font-size: 10px;
  }

  .fm-chart .axis .title {
    font-size: 10px;
  }

  .fm-chart .chart-title {
    font-size: 12px;
    font-weight: bold;
  }

  .fm-chart .chart-subtitle {
    font-size: 10px;
  }

  .fm-chart text.label {
    fill: #666;
  }

  .fm-chart .legend text {
    font-size: 10px;
    fill: #333;
  }

  .fm-chart .legend text.title {
    fill: #666;
  }

  .fm-chart .line {
    fill: none;
    stroke: #000;
  }

  .fm-chart .area {
    opacity: 0.8;
  }

  .fm-chart .grid .gridline {
    stroke: #ddd;
    stroke-width: 0.02em;
  }

  .fm-chart .bar,
  .fm-chart .point,
  .fm-chart .area {
    fill: #000;
  }

  .fm-chart .bar.color6,
  .fm-chart .point.color6,
  .fm-chart .area.color6 {
    fill: #db843d;
  }

  .fm-chart .lines .line.color6 {
    strok: #db843d;
  }

  .fm-chart .bar.color5,
  .fm-chart .point.color5,
  .fm-chart .area.color5 {
    fill: #3d96ae;
  }

  .fm-chart .lines .line.color5 {
    stroke: #3d96ae;
  }

  .fm-chart .bar.color4,
  .fm-chart .point.color4,
  .fm-chart .area.color4 {
    fill: #80699b;
  }

  .fm-chart .line.color4 {
    stroke: #80699b;
  }

  .fm-chart .bar.color3,
  .fm-chart .point.color3,
  .fm-chart .area.color3 {
    fill: #89a54e;
  }

  .fm-chart .line.color3 {
    stroke: #89a54e;
  }

  .fm-chart .bar.color2,
  .fm-chart .point.color2,
  .fm-chart .area.color2 {
    fill: #aa4643;
  }

  .fm-chart .line.color2 {
    stroke: #aa4643;
  }

  .fm-chart .bar.color1,
  .fm-chart .point.color1,
  .fm-chart .area.color1 {
    fill: #4572a7;
  }

  .fm-chart .line.color1 {
    stroke: #4572a7;
  }

  .fm-chart.bar.vertical .axis.left .stroke,
  .fm-chart.bar.vertical .axis.left .tick,
  .fm-chart.bar.vertical .axis.right .stroke,
  .fm-chart.bar.vertical .axis.right .tick {
    display: none;
  }

  .fm-tooltip {
    text-align: center;
    padding: 5px 7px;
    color: #fff;
    background: #333;
    border-radius: 3px;
    font-size: 13px;
  }
  ]]>
  </style>
  <g class='axis bottom'>
    <text x='720.833333' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Jan</text>
    <text x='662.500000' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Feb</text>
    <text x='604.166667' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Mar</text>
    <text x='545.833333' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Apr</text>
    <text x='487.500000' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >May</text>
    <text x='429.166667' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Jun</text>
    <text x='370.833333' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Jul</text>
    <text x='312.500000' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Aug</text>
    <text x='254.166667' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Sep</text>
    <text x='195.833333' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Oct</text>
    <text x='137.500000' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Nov</text>
    <text x='79.166667' y='12.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Dec</text>
    <line x1='50.000000' y1='25.000000' x2='50.000000' y2='30.000000' class='tick' />
    <line x1='750.000000' y1='25.000000' x2='750.000000' y2='30.000000' class='tick' />
    <line x1='691.666667' y1='25.000000' x2='691.666667' y2='30.000000' class='tick' />
    <line x1='633.333333' y1='25.000000' x2='633.333333' y2='30.000000' class='tick' />
    <line x1='575.000000' y1='25.000000' x2='575.000000' y2='30.000000' class='tick' />
    <line x1='516.666667' y1='25.000000' x2='516.666667' y2='30.000000' class='tick' />
    <line x1='458.333333' y1='25.000000' x2='458.333333' y2='30.000000' class='tick' />
    <line x1='400.000000' y1='25.000000' x2='400.000000' y2='30.000000' class='tick' />
    <line x1='341.666667' y1='25.000000' x2='341.666667' y2='30.000000' class='tick' />
    <line x1='283.333333' y1='25.000000' x2='283.333333' y2='30.000000' class='tick' />
    <line x1='225.000000' y1='25.000000' x2='225.000000' y2='30.000000' class='tick' />
    <line x1='166.666667' y1='25.000000' x2='166.666667' y2='30.000000' class='tick' />
    <line x1='108.333333' y1='25.000000' x2='108.333333' y2='30.000000' class='tick' />
    <line x1='50.000000' y1='25.000000' x2='750.000000' y2='25.000000' class='stroke' />
  </g>
  <g class='axis right'>
    <text x='760.000000' y='295.000000' style='text-anchor:start; dominant-baseline:middle;' class='label' >0</text>
    <text x='760.000000' y='256.428571' style='text-anchor:start; dominant-baseline:middle;' class='label' >7.14</text>
    <text x='760.000000' y='217.857143' style='text-anchor:start; dominant-baseline:middle;' class='label' >14.3</text>
    <text x='760.000000' y='179.285714' style='text-anchor:start; dominant-baseline:middle;' class='label' >21.4</text>
    <text x='760.000000' y='140.714286' style='text-anchor:start; dominant-baseline:middle;' class='label' >28.6</text>
    <text x='760.000000' y='102.142857' style='text-anchor:start; dominant-baseline:middle;' class='label' >35.7</text>
    <text x='760.000000' y='63.571429' style='text-anchor:start; dominant-baseline:middle;' class='label' >42.9</text>
    <text x='760.000000' y='25.000000' style='text-anchor:start; dominant-baseline:middle;' class='label' >50.0</text>
    <line x1='750.000000' y1='295.000000' x2='745.000000' y2='295.000000' class='tick' />
    <line x1='750.000000' y1='256.428571' x2='745.000000' y2='256.428571' class='tick' />
    <line x1='750.000000' y1='217.857143' x2='745.000000' y2='217.857143' class='tick' />
    <line x1='750.000000' y1='179.285714' x2='745.000000' y2='179.285714' class='tick' />
    <line x1='750.000000' y1='140.714286' x2='745.000000' y2='140.714286' class='tick' />
    <line x1='750.000000' y1='102.142857' x2='745.000000' y2='102.142857' class='tick' />
    <line x1='750.000000' y1='63.571429' x2='745.000000' y2='63.571429' class='tick' />
    <line x1='750.000000' y1='25.000000' x2='745.000000' y2='25.000000' class='tick' />
    <line x1='750.000000' y1='25.000000' x2='750.000000' y2='295.000000' class='stroke' />
  </g>
  <g class='axis bottom'>
    <text x='720.833333' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Dec</text>
    <text x='662.500000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Nov</text>
    <text x='604.166667' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Oct</text>
    <text x='545.833333' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Sep</text>
    <text x='487.500000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Aug</text>
    <text x='429.166667' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Jul</text>
    <text x='370.833333' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Jun</text>
    <text x='312.500000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >May</text>
    <text x='254.166667' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Apr</text>
    <text x='195.833333' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Mar</text>
    <text x='137.500000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Feb</text>
    <text x='79.166667' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Jan</text>
    <line x1='50.000000' y1='295.000000' x2='50.000000' y2='290.000000' class='tick' />
    <line x1='750.000000' y1='295.000000' x2='750.000000' y2='290.000000' class='tick' />
    <line x1='691.666667' y1='295.000000' x2='691.666667' y2='290.000000' class='tick' />
    <line x1='633.333333' y1='295.000000' x2='633.333333' y2='290.000000' class='tick' />
    <line x1='575.000000' y1='295.000000' x2='575.000000' y2='290.000000' class='tick' />
    <line x1='516.666667' y1='295.000000' x2='516.666667' y2='290.000000' class='tick' />
    <line x1='458.333333' y1='295.000000' x2='458.333333' y2='290.000000' class='tick' />
    <line x1='400.000000' y1='295.000000' x2='400.000000' y2='290.000000' class='tick' />
    <line x1='341.666667' y1='295.000000' x2='341.666667' y2='290.000000' class='tick' />
    <line x1='283.333333' y1='295.000000' x2='283.333333' y2='290.000000' class='tick' />
    <line x1='225.000000' y1='295.000000' x2='225.000000' y2='290.000000' class='tick' />
    <line x1='166.666667' y1='295.000000' x2='166.666667' y2='290.000000' class='tick' />
    <line x1='108.333333' y1='295.000000' x2='108.333333' y2='290.000000' class='tick' />
    <line x1='50.000000' y1='295.000000' x2='750.000000' y2='295.000000' class='stroke' />
  </g>
  <g class='axis left'>
    <text x='40.000000' y='295.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >0</text>
    <text x='40.000000' y='256.428571' style='text-anchor:end; dominant-baseline:middle;' class='label' >10.0</text>
    <text x='40.000000' y='217.857143' style='text-anchor:end; dominant-baseline:middle;' class='label' >20.0</text>
    <text x='40.000000' y='179.285714' style='text-anchor:end; dominant-baseline:middle;' class='label' >30.0</text>
    <text x='40.000000' y='140.714286' style='text-anchor:end; dominant-baseline:middle;' class='label' >40.0</text>
    <text x='40.000000' y='102.142857' style='text-anchor:end; dominant-baseline:middle;' class='label' >50.0</text>
    <text x='40.000000' y='63.571429' style='text-anchor:end; dominant-baseline:middle;' class='label' >60.0</text>
    <text x='40.000000' y='25.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >70.0</text>
    <line x1='50.000000' y1='295.000000' x2='55.000000' y2='295.000000' class='tick' />
    <line x1='50.000000' y1='256.428571' x2='55.000000' y2='256.428571' class='tick' />
    <line x1='50.000000' y1='217.857143' x2='55.000000' y2='217.857143' class='tick' />
    <line x1='50.000000' y1='179.285714' x2='55.000000' y2='179.285714' class='tick' />
    <line x1='50.000000' y1='140.714286' x2='55.000000' y2='140.714286' class='tick' />
    <line x1='50.000000' y1='102.142857' x2='55.000000' y2='102.142857' class='tick' />
    <line x1='50.000000' y1='63.571429' x2='55.000000' y2='63.571429' class='tick' />
    <line x1='50.000000' y1='25.000000' x2='55.000000' y2='25.000000' class='tick' />
    <line x1='50.000000' y1='25.000000' x2='50.000000' y2='295.000000' class='stroke' />
  </g>
  <g class='bars vertical'>
    <rect x='704.500000' y='273.940000' width='32.666666' height='21.060000' class='bar color1' fm:series='unnamed' fm:label='Jan: 3.900000' style=''></rect>
    <rect x='646.166667' y='272.320000' width='32.666666' height='22.680000' class='bar color1' fm:series='unnamed' fm:label='Feb: 4.200000' style=''></rect>
    <rect x='587.833334' y='264.220000' width='32.666666' height='30.780000' class='bar color1' fm:series='unnamed' fm:label='Mar: 5.700000' style=''></rect>
    <rect x='529.500000' y='249.100000' width='32.666666' height='45.900000' class='bar color1' fm:series='unnamed' fm:label='Apr: 8.500000' style=''></rect>
    <rect x='471.166667' y='230.740000' width='32.666666' height='64.260000' class='bar color1' fm:series='unnamed' fm:label='May: 11.900000' style=''></rect>
    <rect x='412.833334' y='212.920000' width='32.666666' height='82.080000' class='bar color1' fm:series='unnamed' fm:label='Jun: 15.200000' style=''></rect>
    <rect x='354.500000' y='203.200000' width='32.666666' height='91.800000' class='bar color1' fm:series='unnamed' fm:label='Jul: 17.000000' style=''></rect>
    <rect x='296.166667' y='205.360000' width='32.666666' height='89.640000' class='bar color1' fm:series='unnamed' fm:label='Aug: 16.600000' style=''></rect>
    <rect x='237.833334' y='218.320000' width='32.666666' height='76.680000' class='bar color1' fm:series='unnamed' fm:label='Sep: 14.200000' style=''></rect>
    <rect x='179.500000' y='239.380000' width='32.666666' height='55.620000' class='bar color1' fm:series='unnamed' fm:label='Oct: 10.300000' style=''></rect>
    <rect x='121.166667' y='259.360000' width='32.666666' height='35.640000' class='bar color1' fm:series='unnamed' fm:label='Nov: 6.600000' style=''></rect>
    <rect x='62.833334' y='269.080000' width='32.666666' height='25.920000' class='bar color1' fm:series='unnamed' fm:label='Dec: 4.800000' style=''></rect>
  </g>
  <g class='lines'>
    <circle cx='720.833333' cy='220.942857' r='3.000000' class='point color2' fm:label='Dec: 19.200000' fm:series='Tokyo', style=''></circle>
    <circle cx='662.500000' cy='187.771429' r='3.000000' class='point color2' fm:label='Nov: 27.800000' fm:series='Tokyo', style=''></circle>
    <circle cx='604.166667' cy='153.828571' r='3.000000' class='point color2' fm:label='Oct: 36.600000' fm:series='Tokyo', style=''></circle>
    <circle cx='545.833333' cy='115.257143' r='3.000000' class='point color2' fm:label='Sep: 46.600000' fm:series='Tokyo', style=''></circle>
    <circle cx='487.500000' cy='90.571429' r='3.000000' class='point color2' fm:label='Aug: 53.000000' fm:series='Tokyo', style=''></circle>
    <circle cx='429.166667' cy='100.600000' r='3.000000' class='point color2' fm:label='Jul: 50.400000' fm:series='Tokyo', style=''></circle>
    <circle cx='370.833333' cy='129.142857' r='3.000000' class='point color2' fm:label='Jun: 43.000000' fm:series='Tokyo', style=''></circle>
    <circle cx='312.500000' cy='154.600000' r='3.000000' class='point color2' fm:label='May: 36.400000' fm:series='Tokyo', style=''></circle>
    <circle cx='254.166667' cy='183.142857' r='3.000000' class='point color2' fm:label='Apr: 29.000000' fm:series='Tokyo', style=''></circle>
    <circle cx='195.833333' cy='221.714286' r='3.000000' class='point color2' fm:label='Mar: 19.000000' fm:series='Tokyo', style=''></circle>
    <circle cx='137.500000' cy='241.771429' r='3.000000' class='point color2' fm:label='Feb: 13.800000' fm:series='Tokyo', style=''></circle>
    <circle cx='79.166667' cy='241.000000' r='3.000000' class='point color2' fm:label='Jan: 14.000000' fm:series='Tokyo', style=''></circle>
    <path stroke-width='2.000000' class='line color2' style='' d='M720.833333 220.942857 L662.500000 187.771429 L604.166667 153.828571 L545.833333 115.257143 L487.500000 90.571429 L429.166667 100.600000 L370.833333 129.142857 L312.500000 154.600000 L254.166667 183.142857 L195.833333 221.714286 L137.500000 241.771429 L79.166667 241.000000 ' />
  </g>
</svg>
